<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
    content="width=device-width, initial-scale=1">
    <title> 登录 </title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="{{assets}}i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="{{assets}}i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
      <link rel="canonical" href="http://www.example.com/">
      -->

    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" href="css/quiz_custom.css">
</head>
<body id="singIn">
<div class="my-container">
    <div class="am-u-sm-offset-4 am-u-sm-4">
        <img class="am-img-responsive" alt="140*140" src="i/logo_signin.png" style="margin-top: 5rem; margin-bottom: 5rem;">
    </div>

    <div class="am-u-sm-12 am-u-md-10 am-u-md-offset-1 am-u-lg-6 am-u-lg-offset-3 am-u-end"> <!-- 此处不足12分，不加end会右浮动 -->
        <form class="am-form am-form-horizontal">
            <div class="am-form-group am-form-icon">
                <div>
                    <i class="am-icon-user"></i>
                    <input type="text" class="am-form-field" placeholder="请输入已验证的手机号或邮箱">
                </div>
            </div>

            <div class="am-form-group am-form-icon">
                <i class="am-icon-lock"></i>
                <input type="text" class="am-form-field" placeholder="请输入密码">
            </div>

            <div class="am-form-group am-form-inline">
                <div class="am-u-sm-6">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> 记住密码
                        </label>
                    </div>
                </div>
                <div class="am-u-sm-6">
                    <label style="float: right;">
                        <a href="javascript:void(0)"> 忘记密码？ </a>
                    </label>
                </div>
            </div>

            <div class="am-form-group">
                <div>
                    <button type="submit" class="am-btn am-btn-default am-btn-block"> 登录 </button>
                </div>
            </div>
        </form>
    </div>
    <div class="am-u-sm-12" style="margin-top: 5rem; margin-bottom: 3rem; text-align:center;">
        <a href="javascript:void(0)"> 没有账号？现在注册。 </a>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="js/amazeui.min.js"></script>
</body>
</html>
